import Vue from "vue";
import { 
    Button, Form, FormItem, Input,Message,
    Container, Header, Aside, Main, 
    Menu, Submenu, MenuItem,
    Breadcrumb,BreadcrumbItem,Card,Row,Col,
    Table,TableColumn,Switch,Tooltip,Pagination,Dialog,MessageBox,
    Tag,Tree,Select,Option,Cascader,Alert,Tabs,TabPane,Steps,Step,
    Checkbox,CheckboxGroup,Upload,
} from 'element-ui'

import Timeline from './timeline/index.js'
import TimelineItem from './timeline-item/index.js'

//登陆组件
Vue.use(Button);  //按钮
Vue.use(Form);  //表单
Vue.use(FormItem);
Vue.use(Input);  //输入框
Vue.prototype.$message = Message  //全局挂载在vue原型对象上，每个组件都可以通过this访问到$message，进行弹框提示， $message 自定义属性，命名子自定义，
//首页组件
Vue.use(Container); //布局容器
Vue.use(Header);
Vue.use(Aside);
Vue.use(Main);
//首页组件
Vue.use(Menu)
Vue.use(Submenu) //导航菜单-侧栏
Vue.use(MenuItem)
//user组件
Vue.use(Breadcrumb)    //面包屑
Vue.use(BreadcrumbItem)
Vue.use(Card)  //卡片
Vue.use(Row)  //layout布局，行
Vue.use(Col) //layout布局，列

Vue.use(Table)  //列表
Vue.use(TableColumn)  //列表每列？
Vue.use(Switch)  //开关
Vue.use(Tooltip)  //提示

Vue.use(Pagination)  //分页
Vue.use(Dialog)  //对话框

Vue.prototype.$confirm = MessageBox.confirm //全局挂载

Vue.use(Tag)  //tag标签
Vue.use(Tree)  //tree树形控件
Vue.use(Select)  //Select选择器
Vue.use(Option)  //Option选项
Vue.use(Cascader)  //级联选择器
Vue.use(Alert)  //警告
Vue.use(Tabs)  //页签
Vue.use(TabPane)  //
Vue.use(Steps)  //步骤条
Vue.use(Step)  //
Vue.use(Checkbox)  //多选框
Vue.use(CheckboxGroup)  //
Vue.use(Upload)  //图片上传

Vue.use(Timeline)  //时间线
Vue.use(TimelineItem)  //








